"use strict";

var wholeDivBlock = $('.reg_main')
    , captchaCodeBlock = $('.captcha-code');

/**
 * 获取图形验证码
 * */
var captchaCode = function () {
    var phone = $("#registerPhone").val();

    $.ajax({
        url: shareUrl + "/invite/sendGiftCode",//要请求的服务器url
        //这是一个对象，表示请求的参数，两个参数：method=ajax&val=xxx，服务器可以通过request.getParameter()来获取
        data: {
            phone: phone,
        },
        async: true,   //是否为异步请求
        cache: false,  //是否缓存结果
        type: "POST", //请求方式为POST
        dataType: "json",   //服务器返回的数据是什么类型
        success: function (result) {  //这个方法会在服务器执行成功是被调用 ，参数result就是服务器返回的值(现在是json类型)
            if (result.code !== 0) {
                alert(result.msg);
                return false;
            }
            // TODO 隐藏局部div
            $('.captcha-code').css({'display': 'block'})
            $('.reg_main').css({'display': 'none'})


            captchaCodeBlock.find('.image img').attr('src', 'data:text/gif;base64,' + result.data.stream_data);
        }
    });

};

/**
 * 隐藏局部块
 * */
var hideBlock = function () {
    // TODO 隐藏局部div
    $('.captcha-code').css({'display': 'none'})
    $('.reg_main').css({'display': 'block'})


    captchaCodeBlock.find('.captcha-input input').val('');
};

/**
 * 关闭图形验证码框
 * */
captchaCodeBlock.on('click', '.captcha-close', function () {
    hideBlock();
});

/**
 * 看不清验证码
 * */
captchaCodeBlock.on('click', '.change', function () {
    captchaCode();
});

/**
 * 输入验证码监控
 * */
captchaCodeBlock.find('.captcha-input input').keyup(function () {
    let $this = $(this);
    let value = $this.val();
    if ($.trim(value) === '') {
        captchaCodeBlock.find('.captcha-button').removeClass('captcha-submit');
    } else {
        captchaCodeBlock.find('.captcha-button').addClass('captcha-submit');
    }
});

/**
 * 校验图形验证码
 * */

$(document).on('click', '.captcha-submit', function () {
    let phone1 = $("#registerPhone").val();
    let captchaCodeValue = captchaCodeBlock.find('.captcha-input input').val();
    $.ajax({
        url: shareUrl + "/invite/checkCaptchaCode",//要请求的服务器url
        //这是一个对象，表示请求的参数，两个参数：method=ajax&val=xxx，服务器可以通过request.getParameter()来获取
        data: {
            phone: phone1,
            captcha_code: captchaCodeValue,
        },
        async: true,   //是否为异步请求
        cache: false,  //是否缓存结果
        type: "POST", //请求方式为POST
        dataType: "json",   //服务器返回的数据是什么类型
        success: function (result) {  //这个方法会在服务器执行成功是被调用 ，参数result就是服务器返回的值(现在是json类型)

            if (result.code !== 0) {
                alert(result.msg)
                return false;
            }

            // TODO 隐藏局部div
            hideBlock();
            // 获取验证码
            sendyzm($("#second"));
        }
    });
})

// captchaCodeBlock.on('click', '.captcha-submit', function () {
//     let captchaCodeValue = captchaCodeBlock.find('.captcha-input input').val();
//     EventUtil.requestAjax('POST', ParamsUrl.Api.System.checkCaptchaCode, {
//         phone: phoneProperty.val(),
//         captcha_code: captchaCodeValue,
//     }, function (error, result) {
//         if (error) {
//             // $.toast(result.status + '（' + result.statusText + '）', 'text');
//             $.toast('请求超时，请稍后重试', 'text');
//             return false;
//         }
//
//         if (result.code !== 0) {
//             $.toast(result.msg, 'text');
//             return false;
//         }
//
//         // TODO 隐藏局部div
//         hideBlock();
//
//         // 获取验证码
//         setTime($('.getSmsCode'));
//     });
// });
